<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@page import="com.cap.bts.framework.usermgnt.constant.EmployeeStatus"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>套餐明细-所有门店</title>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="core" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="validator"
	uri="http://www.springmodules.org/tags/commons-validator"%>
<core:set var="webcontext" scope="request"
	value="${pageContext.request.contextPath}" />
<core:set var="imagepath" scope="request" value="${webcontext}/images" />
<core:set var="csspath" scope="request" value="${webcontext}/css" />
<core:set var="jspath" scope="request" value="${webcontext}/javascript" />
<core:set var="jsppath" scope="request" value="${webcontext}/jsp" />
<core:set var="htmlpath" scope="request" value="${webcontext}/html" />
<core:set var="bootstrapPath" scope="request"
	value="${webcontext}/bootstrap" />
<core:set var="layerPath" scope="request" value="${webcontext}/layer" />
<!-- TODO the gdms url should replace by the token -->
<core:set var="gdmsurl" scope="request"
	value="@token-gdms.server.servlet.context.url.integration@" />
<script type="text/javascript">
	var contextPath = "${webcontext}";
</script>
<%@page import="com.cap.bts.framework.common.util.Pager"%>
<%@page import="com.cap.bts.framework.common.constant.CommonConstants"%>
<%@page import="com.cap.bts.framework.common.util.CodeTextUtils"%>
<%@page import="com.cap.bts.framework.common.util.CookieUtils"%>
<%@page import="com.cap.bts.framework.auth.constant.AuthConstant"%>

<script type="text/javascript" src="${jspath }/jquery/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" type="text/css"	href="${bootstrapPath}/css/bootstrap.css" />
<script type="text/javascript" src="${bootstrapPath}/js/bootstrap.js"></script>

<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
	font-family: "Microsoft YaHei";
	color: #000;
}

body{min-width:1000px; width: 1000px;}

html,body {
	font: 12px "Microsoft YaHei", "Microsoft YaHei", Verdana, Arial,
		sans-serif;
	color: #000;
}
.formError .formErrorContent {
    -moz-border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 0 0 6px #000000;
    background: none repeat scroll 0 0 #EE0101;
    border: 2px solid #DDDDDD;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    padding: 4px 10px;
    width: 100px;
}
/* .align_l{ */
/* 	border: 1px solid black; */
/* } */
.data_tab tr.over td {
	color: #000;
	font-weight: bold;
	background-color: #fff;
}

.data_tab tr.over td a {
	background: url("${webcontext}/images/menu/title_bg.jpg") repeat-x;
}

.align_m {
	border: 0px solid #EBEBEB;
	color: #000;
}

.align_l {
	background-color: #5cb85c;
}

.align_w {
	border: 1px solid #EBEBEB;
	background-color: #EBEBEB;
	color: #000;
}

.data_tab tr.over .align_l {
	background-color: #c9e8f7;
}

.data_tab tr.over .align_m {
	background-color: #fff;
	font-weight: normal;
}

.data_tab tr.over .align_w {
	background-color: #EBEBEB;
	font-weight: normal;
}

.hasUsed {
	color: #666666;
}
.hr {
	text-align: center;
	width: 100%;
	background-color: #96c2f1;
	height: 1px;
}

/* #content2{height:500px;width:900px;overflow: auto;} */
.tr_lign_l{cursor: pointer;}
</style>
</head>
<body style="overflow-y:auto;">
	<div style="text-align:right; margin: 10px;">
	    <a  style="color:red; font-size:16px; text-decoration: underline;" href="showMemberPackagesReportForMarsAll?dealerId=${dealerId }&marsMemberId=${marsMemberId}&carMarsId=${carMarsId}&isAll=${isAll}">${isAll eq "1" ? "显示所有门店" : "仅显示当前门店"}</a>
	</div>

    <core:forEach items="${dealerInfoList }" var="dealer">
	    <div style="font-family: Microsoft YaHei; color: green; font-weight: bolder;font-size: 16px;border-bottom:solid 3px #6CAD6D;">门店：${dealer.dealerName}&nbsp;&nbsp;&nbsp;&nbsp;	
			地址：${dealer.address}</div>
	    <div style="padding:3px; border: 0px solid red;" id="box_${dealer.dealerNum }"></div>
		<script>
		$.ajax({
			type : 'POST',
			url : "showMemberPackagesReportForMars?dealerId=${dealer.dealerNum }&marsMemberId=${marsMemberId}&carMarsId=${carMarsId}",
			async : true,
			dataType : 'html',
			success : function(html) {
				$("#box_${dealer.dealerNum }").html(html);
			},
			error : function(data) {
				$("#box_${dealer.dealerNum }").html("数据加载失败，请重试！");
			}
		});
		
		</script>
    </core:forEach>
	
</body>
</html>